﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery自定义单选按钮复选框代码 - 站长素材</title>

<script src="../jquery-1.9.1.min.js"></script>

<link rel='stylesheet' text="type/css" href="checkbox-three.css">
<style>
	body{padding: 20px}
</style>

</head>
<body>
<center>
<form>
	<p>
		复选框
		<lable>
			<i><input type="checkbox" name="q" value="0" status='three'></i>
			b1
		</lable>
		<lable>
			<i><input type="checkbox" name="w" value="1" status='three'></i>
			b2
		</lable>
		<lable>
			<i><input type="checkbox" name="e" value="2" status='three'></i>
			b3
		</lable>
		<lable>
			<i><input type="checkbox" name="r" value="0"></i>
			b4
		</lable>
	</p>

	<input type="submit" value="提交">
</form>
<script text="type/javascript" src="checkbox-three.js"></script>
</center>
</body>
</html>
